如果我們宣告兩個物件 milk 和 fruits,並且要生成一個新的物件 dic 去存放這兩個物件。如果我們將 dic 裡面的物件名稱和我們設定的物件值設為一樣,此時我們可以省略掉後面的物件值,像是 dic 2 的物件宣告方式。最後 dic 和 dic2 得到的結果會是一樣的。
const milk = '牛奶';
const fruits = {
apple:'蘋果',
banana:'香蕉'
};
const dic = {
fruits:fruits,
milk:milk
}
const dic2 = {
fruits,
milk
}
如果之後學到 Vue router,就很常會使用到這個縮寫用法。
import Vue from 'vue'
import App from '/App'
import router from './router'
new Vue({
el:'#app',
router:router,//可以縮寫成 router
template:'<App/>',
component:{App}
})